@charset "utf-8";
@import "reset";

body {
  width: 100vw;
  background: url(../img/background.png) no-repeat;
  background-size: 100vw 100vh;
  .wrap {
    width: 100vw;
    margin-top: vw(105);

    //头部
    header {
      width: vw(220);
      height: vw(195);
      margin: 0 auto;
      img {
        width: 100%;
        height: 100%;
      }
    }

    //主体
    main {
      text-align: center;
      margin-top: vw(140);

      //输入框样式
      .unify {
        margin: 0 auto vw(50) auto;
        padding: vw(5) vw(20);
        border-radius: vw(38);
        width: vw(576);
        height: vw(76);
        background-color: white;
        // text-align: left;
        line-height: vw(76);
        font-size: vw(26);
        opacity: 0.6;
        font-weight: bolder;
        display: flex;

        input {
          flex: 1;
          height: vw(76);
          border: none;
          outline: none;
        }
      }

      //最后一个输入框设置下边距
      .unify:nth-child(3) {
        margin-bottom: vw(77);
      }

      //按钮样式
      .button {
        display: flex;
        width: vw(576);
        justify-content: space-between;
        margin: 0 auto;
        button {
          width: vw(245);
          height: vw(76);
          font-size: vw(28);
          opacity: 0.6;
          border-radius: vw(38);
          border: none;
          outline: none;
          font-weight: bolder;
          box-shadow: 1px 2px 2px #000;

          a{
          // display: inline-block;
          // width: 100%;
          // height: 100%;
          // line-height: vw(38);
          color: #0075c1;
          // border: vw(1) solid #000;
          // border-radius: vw(38);
          }
        }
      }
    }
  }
}
